Before

<!doctype html>
<html lang="ar" dir="rtl">
<meta charset="utf-8">
<title>LG-005 — BEFORE (Placeholders/DNT broken)</title>
<body style="font:16px/1.6 system-ui, sans-serif; padding:24px">

<!-- ARABIC — WRONG -->
<section dir="rtl" style="margin-bottom:28px">
  <h2 style="margin:0 0 8px">الرسالة الترحيبية (خطأ)</h2>
  <p style="color:#6b7280;margin:0 0 12px">
    المشكلة: تم تغيير مفاتيح ICU.
  </p>
  <div style="border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:8px; margin-bottom:12px">
    <strong>الأخطاء:</strong><br>
    • <code>{firstName}</code> تغير إلى <code>{الاسم}</code> .<br>
    • الاستبدال عند التشغيل يفشل أو يعرض الأقواس حرفيًا.
  </div>
  <label style="display:block;margin:6px 0">النص (خاطئ):</label>
  <pre style="background:#f3f4f6;padding:12px;border-radius:8px;overflow:auto">
تم دعوة {الاسم} — لديك  عناصر في سلتك.
  </pre>
</section>

<hr style="margin:20px 0;border:none;border-top:1px solid #e5e7eb">

<!-- ENGLISH — WRONG -->
<section lang="en" dir="ltr">
  <h2 style="margin:0 0 8px">Welcome Message (Wrong)</h2>
  <p style="color:#6b7280;margin:0 0 12px">
    Problem: ICU key was renamed.
  </p>
  <div style="border:1px solid #fecaca;background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:8px; margin-bottom:12px">
    <strong>Issues:</strong><br>
    • <code>{firstName}</code> changed to <code>{الاسم}</code>.<br>
    • Runtime substitution fails or shows literal braces.
  </div>
  <label style="display:block;margin:6px 0">String (Wrong):</label>
  <pre style="background:#f3f4f6;padding:12px;border-radius:8px;overflow:auto">
You invited {الاسم} — you have items in your cart.
  </pre>
</section>

</body>
</html>

After

Restore ICU token. 



Notes:
Severity: P1
Rule: SG §6 Placeholders & DNT; RS §2 Technical Tokens
Fix: Keep ICU tokens EXACTLY as in source ({firstName}); do not translate/rename. 
Verify: Runtime substitutes values (e.g., “You invited Sarah — you have items …” / “تم دعوة Sarah — لديك 3 عناصر …”); no literal braces.